<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
    <!--引入bootstrap的css样式-->
    <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="../css/bootstrap-theme.min.css" />
    <!--引入bootstrap的js脚本-->
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <style type="text/css">
        .carousel {
            width: 525px;
            height: 525px;
        }

        .item img {
            width: 525px;
            height: 525px;
        }
    </style>
    <title>Title</title>
</head>
<body>
<div class="center-block">
    <table class="table table-hover">
        <tr>
            <td class="active">姓名</td>
            <td class="active">身高/CM</td>
            <td class="active">体重/KG</td>
            <td class="active">年龄</td>
            <td class="active">爱好</td>
        </tr>
        <tr>
            <td class="info">阿三</td>
            <td class="info">187</td>
            <td class="info">82</td>
            <td class="info">19</td>
            <td class="info">篮球</td>
        </tr>
        <tr>
            <td class="warning">小四</td>
            <td class="warning">176</td>
            <td class="warning">60</td>
            <td class="warning">20</td>
            <td class="warning">足球</td>
        </tr>
        <tr>
            <td class="danger">王五</td>
            <td class="danger">180</td>
            <td class="danger">75</td>
            <td class="danger">20</td>
            <td class="danger">跑步</td>
        </tr>
    </table>
</div>
</body>
</html>
